<template>
	<view class="donate-main">
		<view class="finish-top">
			<image mode="widthFix" src="../../static/donate/img_donate_finish_thank.png"></image>
			<text>感谢您的捐赠!</text>
		</view>
		<view class="finish-center">
			<text>
				请按照您选择的物流方式送达至指定地点，我们确认收到货后会再次核实收到物资的具体数量、型号等，入库后会通过短信及系统内（我的-我的捐赠）告知您物资的实际到货情况。
			</text>
		</view>
		<view class="finish-bottom">
			<button class="return-index" @click="$gopage('/views/singlePage?pageId=0D009538DD1E79C6')">返回首页</button>
			<button class="mine-donation" @click="$gopage('/views/singlePage?pageId=E1B38A59ABCBCA67')">我的捐赠</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="less" scoped>
.donate-main {
	padding-bottom: 100rpx;
}
.finish-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #333333;
	font-size: 36rpx;
	font-weight: bold;
	padding-top: 59rpx;
	image {
		width: 153rpx;
		margin-bottom: 46rpx;
	}
}
.finish-center {
	margin: 106rpx 30rpx 84rpx 30rpx;
	padding: 47rpx 31rpx 52rpx 30rpx;
	box-shadow: 0rpx 3rpx 18rpx 0rpx rgba(0, 0, 0, 0.07);
	border-radius: 10rpx;
	color: #666666;
	font-size: 28rpx;
	line-height: 52rpx;
}
.finish-bottom {
	margin: 0rpx 50rpx;
	.return-index {
		height: 80rpx;
		background-color: #fe5745;
		border-radius: 10rpx;
		color: #ffffff;
		font-size: 30rpx;
		line-height: 80rpx;
		margin-bottom: 54rpx;
	}
	.mine-donation {
		height: 80rpx;
		border-radius: 10rpx;
		border: solid 2rpx #fe5745;
		color: #fe5745;
		font-size: 30rpx;
		line-height: 80rpx;
		background-color: white;
	}
	button:after {
		border: none;
	}
}
</style>
